<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>桌面挂件</title>
    <link rel="stylesheet" href="../styles/main.css">
</head>
<body>
    <div class="widget-container">
        <div class="widget-header">
            <div class="window-controls">
                <button id="minimize-btn" class="control-btn">-</button>
                <button id="close-btn" class="control-btn">×</button>
            </div>
            <h3>桌面挂件</h3>
        </div>
        <div class="widget-content">
            <div class="status-section">
                <h4>工位状态</h4>
                <div class="status-display">
                    <span id="current-status" class="status-badge" style="background-color: #28a745;">工作中</span>
                    <button id="change-status-btn">切换状态</button>
                    <button id="manage-status-btn">管理状态</button>
                </div>
            </div>
            
            <div class="tasks-section">
                <h4>今日任务</h4>
                <div class="task-filters">
                    <button class="filter-btn active" data-filter="all">全部</button>
                    <button class="filter-btn" data-filter="pending">待办</button>
                    <button class="filter-btn" data-filter="in-progress">进行中</button>
                    <button class="filter-btn" data-filter="completed">已完成</button>
                </div>
                <ul id="task-list">
                    <!-- 任务将通过JavaScript动态添加 -->
                </ul>
                <div class="task-actions-row">
                    <button id="add-task-btn">添加任务</button>
                    <button id="manage-tasks-btn">管理任务</button>
                </div>
            </div>
            
            <div class="reports-section">
                <h4>报告生成</h4>
                <button id="daily-report-btn">日报</button>
                <button id="weekly-report-btn">周报</button>
                <button id="monthly-report-btn">月报</button>
            </div>
        </div>
    </div>
    
    <script src="../src/renderer.js"></script>
</body>
</html>